export default function ProviderDashboard() {
  return (
    <div className="space-y-3 px-4 pb-20">
      <section className="rounded-2xl bg-white p-4 shadow-sm grid grid-cols-3 gap-3 text-center">
        <Stat title="今日预约" value="12" />
        <Stat title="进行中问诊" value="5" />
        <Stat title="待审核处方" value="2" />
      </section>

      <section className="rounded-2xl bg-white p-4 shadow-sm">
        <div className="font-medium mb-2">今日排班</div>
        <ul className="text-sm text-gray-700 space-y-1">
          <li>08:30-11:30 内科门诊 · 8 人</li>
          <li>14:00-17:00 图文问诊 · 6 人</li>
        </ul>
      </section>

      <section className="rounded-2xl bg-white p-4 shadow-sm">
        <div className="font-medium mb-2">待办提醒</div>
        <ul className="list-disc pl-5 text-sm text-gray-700 space-y-1">
          <li>签署2份电子处方</li>
          <li>完善3份病历记录</li>
        </ul>
      </section>
    </div>
  );
}

function Stat({ title, value }: { title: string; value: string }) {
  return (
    <div className="rounded-xl border bg-gray-50 p-3">
      <div className="text-2xl font-semibold text-gray-900">{value}</div>
      <div className="text-xs text-gray-600">{title}</div>
    </div>
  );
}


